import { ref } from "vue";

const themeData = ref({
    common: {
        // 字体系列 v-sans, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;
        fontFamily: '', // 字体系列
        // v-mono, SFMono-Regular, Menlo, Consolas, Courier, monospace
        fontFamilyMono: '',
        fontWeight: 400,
        fontWeightStrong: 600,
        fontSize: '14px',
        fontSizeMini: '12px',
        fontSizeTiny: '12px',
        fontSizeSmall: '14px',
        fontColor: '#ffffff',
        fontColor2: '#909399',

        // 颜色
        primaryColor: '#18a058',
        primaryColorHover: '#36AD6A',
        primaryColorPressed: '#0C7A43',
        primaryColorSuppl: '#36AD6A',
        infoColor: '#2080F0',
        infoColorHover: '#4098FC',
        infoColorPressed: '#1060C9',
        infoColorSuppl: '#4098FC',
        successColor: '#18A058',
        successColorHover: '#36AD6A',
        successColorPressed: '#0C7A43',
        successColorSuppl: '#36AD6A',
        warningColor: '#F0A020',
        warningColorHover: '#FCB040',
        warningColorPressed: '#C97C10',
        warningColorSuppl: '#FCB040',
        errorColor: '#D03050',
        errorColorHover: '#DE576D',
        errorColorPressed: '#AB1F3F',
        errorColorSuppl: '#DE576D',
        textColorBase: '#000000',
        textColor1: 'rgb(31,34,37)',
        textColor2: 'rgb(51,54,57)',
        textColor3: 'rgb(118,124,130)',
        textColorDisabled: 'rgba(194,194,194,1)',
        placeholderColor: 'rgba(194,194,194,1)',
        placeholderColorDisabled: 'rgba(209,209,209,1)',
        iconColor: 'rgba(194,194,194,1)',
        iconColorHover: 'rgba(146,146,146,1)',
        iconColorPressed: 'rgba(175,175,175,1)',
        iconColorDisabled: 'rgba(209,209,209,1)',
        // 渐变色
        gradientColor1: 'linear-gradient(270deg, #986fee, #8695e6, #68b7dd, #18d7d3)',
        // 边框圆角
        borderRadius: '5px',
        borderRadiusLarge: '10px',
        borderRadiusSmall: '3px',
        scrollbarBorderRadius: '5px',
    },
    alert:{

    }
})
export default themeData;